'use client'
import { usePathname } from 'next/navigation'
import classNames from '@/utils/classnames'
// import { useEffect, useState } from 'react'
type MenuWrapperProps = {
  children: React.ReactNode
}

const MenuWrapper = ({
  children,
}: MenuWrapperProps) => {
  // const [showHeader, setShowHeader] = useState(true)
  const pathname = usePathname()
  // console.log('pathname', pathname)

  // useEffect(() => {
  //   if (
  //     pathname.includes('/documents')
  //     || pathname.includes('/hitTesting')
  //     || pathname.includes('/settings')
  //   )
  //     setShowHeader(false)
  //   else
  //     setShowHeader(true)
  // }, [pathname])


  return (
      <div className={classNames(
        'z-30 w-[220px]',
      )}
      >
        {children}
      </div>
    )
}
export default MenuWrapper
